{% extends "base.html" %}

     {% block headcss %}
     <link href="{{MEDIA_URL}}css/nivo-slider.css" rel="stylesheet" type="text/css" media="screen"/>      
     <link href="{{MEDIA_URL}}css/style-pack/custom-nivo-slider.css" rel="stylesheet" type="text/css" media="screen"/>      
     {% endblock %}
     {% block headscr %}
     <script type="text/javascript">
     var RecaptchaOptions = {
          lang : 'es',
          theme: 'white'
     };
     var resultado = '{{ retorno }}'
</script>
     {% endblock %}     
     {% block title %}Avanza Promociones - {{ titulo }}{% endblock %}

{% block contenido %}
     <div id="cor">
          <p>Complete los campos y pulse en "Enviar consulta". O haga click fuera de este cuadro para cerrarlo.</p>
          <form id="frm" method="post" action="">
               <table id="form">
               {% for field in form %}
                    <tr>
                         <td> 
                                   {% if field.label_tag %} 
                                        {% if field.field.required %} <p class="req"> {% endif %} {{field.label_tag}} {% if field.field.required %} </p>{% endif %}
                                   {% endif %}                                   
                                   {% if field.errors %}
                                        {% for error in field.errors %}
                                             <p class="error">{{ error }}</p>
                                        {% endfor %}
                                   {% endif %}
                         </td>
                    </tr>
                    <tr>
                         <td>{{ field }}</td>
                    </tr>
               {% endfor %}
                    <tr>
                         <td style="text-align: center;">
                              <input type="submit" value="Enviar consulta"/>
                         </td>
                    </tr>
               </table>
          </form>
     </div>

     <img id="inibanmed" src="http://{{ request.get_host }}/site_media/img/inibanmed.png"/>
     <div id="promo" class="medioband">
          <div id="titulo"  class="titulo">{{titulo}}&nbsp;</div>
          <div id="ds" class="contenido activo noovfl">
               <span id="inds" class="corporate">
                    {{content|safe}}
                    <br/>
                    <button id="shcor">Contacte con Avanza</button>
               </span>
               <!--div id="fotos" class="fotoscorp"-->
               <div id="fotos">
                    <div id="slider">
                         {% for fp in fotos  %}
                         <img src="http://{{ request.get_host }}/site_media/{{ fp.media.file }}" alt="" />
                         {% endfor %}
                    </div>
               </div>
          </div>
     </div>

<!-- Banda inferior -->
     <div id="prev"></div>
     <div id="next"></div>
     <div id="showtitle"></div>
     <img id="iniband" src="http://{{ request.get_host }}/site_media/img/inibandad.png"/>
     <div id="contentframe" class="bottomband">
          <div id="rev" class="flechas izq"></div>
          <div id="scrollpane">
               <div id="aux">
                    {% for foto in fotosini %}
                    <a class="thumba" href="http://{{ request.get_host }}/site_media/{{ foto.file }}" title="{{ foto.descripcion }}" style="background-image: url(http://{{ request.get_host }}/site_media/{{ foto.thumbnail }})">
                         <!--img class="thumb" src="http://{{ request.get_host }}/site_media/{{ foto.thumbnail }}" width="120" height="75"/-->
                    </a>
                    {% endfor %}
                </div>
          </div>
          <div id="ffw" class="flechas der"></div>
     </div>

<div class="avoverlay"></div>
{% endblock %}

{% block script %}
<script type="text/javascript">

</script>
{% endblock  %}